<template>
    <div class="Inoculation">
        <div id="inoculation" style="width:900px;height:500px;margin:30px 300px"></div>
    </div>
</template>

<script>
// import axios from 'axios'
import echarts from "echarts"
export default {
    name:"Inoculation",
    data(){
        return{
            data:[]
        }
    },
    methods:{
        myEcharts(){
            var line = echarts.init(document.getElementById('inoculation'))

            var option = {
                title:{
                    left: 'center',
                    text: '2021年3-6月中国新冠疫苗接种剂次(单位：万剂次)'
                },
                xAxis: {
                    type: 'category',
                    data: ['3-24','3-31','4-7','4-14','4-21','4-28','5-5','5-12','5-19','5-26',' ',' ']
                },
                yAxis: {
                    type: 'value'
                },
                tooltip: {
                    trigger: 'axis'
                },
                series: [
                    {
                    data: [8284.6,11469,14539.2,17562.3,19896.5,23597.6,28459.5,34269.7,43568.9,54671.4,63917.2,66146.8],
                    type: 'line'
                    }
                ]
            };
            line.setOption(option)
        }
    },
    mounted(){
        this.myEcharts()
    }
}
</script>

<style>
</style>